<%@ page language="java" contentType="text/html; charset=utf-8"
    pageEncoding="utf-8" isELIgnored="false" %>
<%@ include file="/views/common/resources.jsp" %>  
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions"%> 
<%@taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt"%>

<%
    String path = request.getContextPath();
    String basePath = request.getScheme() + "://"+ request.getServerName() + ":" + request.getServerPort()+ path + "/";
%>      
<!DOCTYPE html>
<html style="height: 100%;">
<head>
 
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
	<link href="<%=basePath%>resources/js/common/plugin/easyui/themes/default/easyui.css" rel="stylesheet"/>
	<link href="${basePath}resources/js/common/plugin/zTree/zTreeStyle.min.css" rel="stylesheet"> 
    <link href="<%=basePath %>resources/js/common/plugin/My97DatePicker/skin/WdatePicker.css" rel="stylesheet">
	<link href="<%=basePath %>resources/css/common.css" rel="stylesheet">
    <link href="<%=basePath %>resources/css/style.css" rel="stylesheet">
    <link href="<%=basePath %>resources/css/report.css" rel="stylesheet">
    <script src="<%=basePath %>resources/js/common/plugin/echarts/echarts.min.js"></script>
    <script src="<%=basePath%>resources/js/common/plugin/easyui/jquery.easyui.min.js"></script>
    <script src="<%=basePath %>resources/js/common/plugin/My97DatePicker/WdatePicker.js"></script>
	<script src="<%=basePath%>resources/js/common/plugin/easyui/locale/easyui-lang-zh_CN.js"></script>
	<script src="<%=basePath%>resources/js/common/plugin/zTree/jquery.ztree.all-3.5.js"></script>
    
<title></title>
<style>
	.night-chart-list{
		height:270px;
	}
	.night-chart-bar{
		width:100%;height:100%;/* border-right: 1px dashed #dfdddd; */
	}
	#queryArea,#vehicleSelDiv{
		height:24px;
		width:150px;
	}
	#month,#day{
		border:1px solid #dedede;
	}
</style>
</head>
<script type="text/javascript">
var appCtx="<%=basePath%>";
var pageAreaId ='${pageAreaId}';
var pageAreaName ='${pageAreaName}';
var pageVeidoo='${pageVeidoo}';
var pageAreaLevel='${pageAreaLevel}';
var pageAnalyse_date='${pageAnalyse_date}';

</script>
<body class="driving"  style="height: 100%; overflow: auto;padding-right:10px">
    <div class="query clearfix"  style="margin-top: 20px;">
    	<div class="query-list fl"id="typeSelDiv" >
                    <!-- <label class="query-label fl">企业:</label> -->
                   <select class="query-select" id="selectTypeSel" style='margin-left:1px'>
                     </select>
                </div>
        <div class="query-list fl"  id="vehicleSelDiv" style='margin-left:1px'>
			<select class="query-select" id="queryArea"></select>
        </div>
          <!-- <div class="query-list fl"  id="SelDiv"></div>  -->  
          <div class="query-list fl"  id="timeSelDiv">
          	<!--维度选择-->
		   	<select class="query-select dn" style="width:150px " id="veidoo" onchange="selectveidoo()">
		   		<option value="day" >按日查询</option>
		   		<option value="week" >按周查询</option>
		   		<option value="month" >按月查询</option>
            </select>
          </div>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
         <div class="query-list fl" style="margin-right: 80px;"  >
            <input type="text" id="day" class="query-input fl Wdate Time_input" 
            	onclick="WdatePicker({dateFmt:'yyyy-MM-dd',maxDate:'%y-%M-{%d-1}'})">
            <input type="text" id="month" class="query-input fl Wdate Time_input" 
            	onclick="WdatePicker({dateFmt:'yyyy-MM',maxDate:'%y-%M-{%d-1}'})" style="display: none;">
            <select class="query-select" style="width:217px;display: none;" id="week" ></select>
          </div>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
        <a class="query-btn query-require db fl" href="javascript:;" title="查询" id="queryBtn">查询</a>&nbsp;&nbsp;
        <a class="query-btn query-export db fl" href="javascript:;" title="导出" id="exportExcel">导出</a>
    </div>
	<div class="page"  style="margin-top: 20px;">
        <div class="clearfix" >
           <div class="fl night-chart-list chart-line" style="width:55%;" id="chartMillage1">
           
           <div class="title-name clearfix" style="padding-left: 0px;float: left;display: block;margin-bottom: 10px;"><p>入网率和上线率分析</p></div>
         	   <div class="detail-report" >
           		 <table id="objTable1"></table>
       		   </div>
           </div>
           <div class="fl night-chart-list chart-line" style="width:45%;">
           <div class="title-name clearfix" style="padding-left: 0px;float: left;display: block;margin-left: 20px;"><p>入网率和上线率率统计</p></div>
       		    <div class="fl night-chart-list chart-bar" style="width:100%;">
                	<div id="doubleBarChart" class="night-chart-bar"></div>
                </div>
           </div>
        </div>
        <div class="clearfix" style="margin-top: 20px;">
           <div class="fl night-chart-list chart-line" id="chartMillage2" style="width:100%;" >
           <div class="title-name clearfix" style="padding-left: 0px;float: left;display: block;margin-top: 20px;margin-bottom: 10px;"><p>行业考核分析</p></div>
         	   <div class="detail-report" >
           		 <table id="objTable2"></table>
       		   </div>
           </div>
        </div>
        <div class="clearfix" style="margin-top: 20px;">
           <div class="fl night-chart-list chart-line" id="chartMillage3" style="width:100%;" >
           <div class="title-name clearfix" style="padding-left: 0px;float: left;display: block;margin-top: 40px;margin-bottom: 10px;"><p>报警情况分析</p></div>
         	   <div class="detail-report" >
           		 <table id="objTable3"></table>
       		   </div>
           </div>
        </div>
        <div class="clearfix" style="width:100%;margin-top:80px;" >
           <div class="fl night-chart-list chart-line" style="width:55%;" id="chartMillage4">
           <div class="title-name clearfix" style="padding-left: 0px;float: left;display: block;margin-bottom: 10px;"><p>区域考核分析</p></div>
         	   <div class="detail-report">
           		 <table id="objTable4"></table>
       		   </div>
           </div>
           <div class="fl night-chart-list" style="width:43%;margin-left:2%;">
           <div class="title-name clearfix" style="padding-left: 0px;float: left;display: block;margin-bottom: 10px;"><p>区域考核统计</p></div>
           <div id="pieChart" class="night-chart-bar" style="margin-top: 20px"></div>
           
           </div>
           
           
        </div>
	</div>
<script src="<%=basePath %>resources/js/common/main/global.js"></script>
<script src="<%=basePath %>resources/js/common/main/nav.js"></script>
<script src="<%=basePath %>resources/js/common/util/common.js"></script>
<script src="<%=basePath %>resources/js/business/report/areaanalyzesAL.js"></script>
</body>
</html>